<template>
	<view>
		<view class="flex align-center" style="padding: 36rpx 48rpx;background-color: #fff;">
			<image src="../../static/index/lu517-2x.png" mode="" style="width: 40rpx;height: 40rpx;"></image>
			<view class="title">{{content.title}}</view>
		</view>
		<view class="content">
			<rich-text :nodes="content.content"></rich-text>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				content: {}
			}
		},
		onLoad(option) {
			console.log(option)
			this.$H.post(this.$api.guide_detail, {
				id: option.id
			}, {
				token: false
			}).then(res => {
				console.log(res)
				this.content = res.data
			})
		}
	}
</script>

<style>
	page {
		background: #F6F6F6;
	}

	.title {
		padding-left: 20rpx;
		font-size: 32rpx;
		font-weight: bold;
		color: #141414;
		line-height: 32rpx;
	}

	.content {
		margin-top: 4rpx;
		padding: 60rpx 50rpx 60rpx 50rpx;
		background-color: #fff;
	}
</style>
